<template>
  <div class="Container">
    <div class="cont">
      <!-- 

    


      <p>代理一级比例 : {{info.oneLevelRatio}}</p>
      <p>代理二级比例 : {{info.twoLevelRatio}}</p>
      <p>代理三级比例 : {{info.threeLevelRatio}}</p>
=

      <p>用用户头像 :
         <img :src='`http://www.jfqiandai.com/file${info.pic}`' style="width:120px">
      </p>
      
      <p>号码注册地区 : {{info.region}}</p>

      <p>密码盐 : {{info.salt}}</p>

      <p>邀请码追溯 : {{info.userPids}}</p>
      -->
      <div class="row">
        <span class="til">支付宝账户</span>
        <span class="con">{{info.alipayAccount}}</span>
      </div>

      <div class="row">
        <span class="til">支付宝用户名</span>
        <span class="con">{{info.alipayName}}</span>
      </div>

      <div class="row">
        <span class="til">代理认证状态</span>
        <span class="con">{{info.certStatus = info.certStatus == 0 ? '未认证' : '已认证'}}</span>
      </div>

      <div class="row">
        <span class="til">用户总佣金</span>
        <span class="con">{{info.commissionMoney}}</span>
      </div>

      <div class="row">
        <span class="til">创建时间</span>
        <span class="con">{{info.createTime}}</span>
      </div>

      <div class="row">
        <span class="til">用户注册类型</span>
        <span class="con">{{info.createtype = info.createtype == 1 ? '用户注册' : '代理创建'}}</span>
      </div>

      <div class="row">
        <span class="til">用户总金额</span>
        <span class="con">{{info.money}}</span>
      </div>
      <div class="row">
        <span class="til">用户昵称</span>
        <span class="con">{{info.nikename}}</span>
      </div>

      <div class="row">
        <span class="til">代理一级比例</span>
        <span class="con">{{info.oneLevelRatio}}</span>
      </div>
      <div class="row">
        <span class="til">代理一级比例</span>
        <span class="con">{{info.twoLevelRatio}}</span>
      </div>

      <div class="row">
        <span class="til">代理一级比例</span>
        <span class="con">{{info.threeLevelRatio}}</span>
      </div>

      <div class="row">
        <span class="til">用户手机号码</span>
        <span class="con">{{info.phone}}</span>
      </div>

      <div class="row">
        <span class="til">用用户头像</span>
        <span class="con">
           <img :src='`http://www.jfqiandai.com/file${info.pic}`' style="width:120px">
        </span>
      </div>

      <div class="row">
        <span class="til">个人专属邀请码</span>
        <span class="con">{{info.pid}}</span>
      </div>

      <div class="row">
        <span class="til">号码注册地区</span>
        <span class="con">{{info.region}}</span>
      </div>

      <div class="row">
        <span class="til">密码盐</span>
        <span class="con">{{info.salt}}</span>
      </div>

      <div class="row">
        <span class="til">代理登陆秘钥</span>
        <span class="con">{{info.secretKey}}</span>
      </div>

      <div class="row">
        <span class="til">邀请人的邀请码</span>
        <span class="con">{{info.userPid}}</span>
      </div>
      <div class="row">
        <span class="til">邀请码追溯</span>
        <span class="con">{{info.userPids}}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      info: {}
    };
  },
  mounted() {
    let id = this.$route.query.id;
    this.getOrderInfo(id);
  },
  methods: {
    getOrderInfo(id) {
      let url = "/user/getOne";
      let params = {
        id: id
      };
      this.httpPost(url, params, res => {
        if (res.code == 200) {
          this.info = res.data;
        } else {
          console.log("查询失败");
        }
      });
    }
  }
};
</script>

<style lang="scss" scoped>
.Container {
  .cont {
    border: 1px solid #ccc;
    border-bottom: none;
    .row {
      border-bottom: 1px solid #ccc;

      .til {
        border-right: 1px solid #ccc;
        // display: inline-block;
        // padding: 20px;
        display: inline-block;
        width:400px;
        // height:30px;
        padding: 10px;
      }
      .con {
         display: inline-block;
      }
    }
  }
}
</style>
